<template>
  <div>
  <van-cell center
   :title="name"  
   :label="`${author}
    -  ${name}`" 
  :key="id"
  >
    <template   #right-icon>
   <van-icon  name="play-circle-o" size="0.6rem" @click="playFn"/>
  </template>
</van-cell>
  </div>
</template>

<script>
export default {
props:{
  name:String,
  author:String,
  id:Number
},
methods:{
  playFn(){
    this.$router.push({
      path:"/play",
      query:{
        id:this.id//歌曲id 
      }
    })
  }
}
};
</script>

<style scoped>
/* 给单元格设置底部边框 */
.van-cell {
  border-bottom: 1px solid lightgray;
}
</style>